<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/top.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/shopping_cart.css">
    <!-- 轮播图样式 -->
    <script src="./js/jquery.min.js"></script>
    <script src="./js/product_details.js"></script>
    <script src="./js/shopping_cart.js"></script>
</head>

<body>
    <!-- 页眉区域 -->
    <div class="head">
        <div class="wrapper">
            <h2 class="fl">legochina.cn</h2>
            <span class="fr">欢迎光临 <a href="#">乐购</a> ，请 登陆\ <a href="./login.html">注册</a> </span>
        </div>
    </div>
    <!-- 页眉结束 -->

    <!-- 导航栏区域 -->
    <div class="nav wrapper">
        <h1><img src="./imgs/logo3.png" alt=""></h1>
        <div class="top wrapper clearfix">
            <form action="#" class="fl">
                <input type="text" placeholder="创意玩具">
                <input type="submit" value="">
            </form>
        </div>
        <div class="right fr">
            <span>配送至</span>
            <select name="" id="">
                <option value="wh">武汉市</option>
                <option value="yc">宜昌</option>
                <option value="jz">荆州</option>
            </select>
        </div>
    </div>
    <!-- 导航栏接结束 -->
    <!-- 内容第一部分 -->
    <div class="content1 wrapper clearfix">
        <p>填写并核对订单信息</p>
        <div>
            <span><input type="checkbox" class="check_all"> &emsp;全选</span>
            <span>商品</span>
            <span>单价</span>
            <span>数量</span>
            <span>小计</span>
            <span>操作</span>
        </div>
    </div>
    <!-- 内容第三部分 -->
    <div class="content3 wrapper clearfix">
        <ul>
            <li>
                <input type="checkbox" class="fl">
                <div class="img">
                    <img src="./imgs/index08_05.jpg" alt="">
                </div>

                <p class="fl">从你的全世界路过</p>
                <span>41.00</span>
                <span class="s2">
                    <button class="jian2">-</button>
                    <input type="text" value="1" id="s" >
                    <button class="jia2">+</button>
                </span>
                <span class="s3">41.00</span>
                <span><a href="#">删除</a>
                    <a href="#">添加到我的关注</a>
                </span>
            </li>
        </ul>
        <ul>
            <li>
                <input type="checkbox" class="fl">
                <div class="img">
                    <img src="./imgs/index08_05.jpg" alt="">
                </div>

                <p class="fl">从你的全世界路过</p>
                <span>41.00</span>
                <span class="s2">
                    <button class="jian2">-</button>
                    <input type="text" value="1" id="s" >
                    <button class="jia2">+</button>
                </span>
                <span class="s3">41.00</span>
                <span><a href="#">删除</a>
                    <a href="#">添加到我的关注</a>
                </span>
            </li>
        </ul>
        <div class="buttom fl">
            <span class="fl">
                <input type="checkbox" class="check_all"> &emsp;全选
            </span>
            <p>删除选择商品</p>
            <p>已选择<span id="amount">1</span>件商品</p>
            <p>总价 &emsp;<span id="total_prices">0</span></p>
        </div>
        <div class="right fl"><a href="./order_center.html">去结算</a></div>
    </div>
    <!-- 内容第2部分 -->
    <div class="content2 wrapper clearfix">
        <h3><span>人气单品</span></h3>
        <ul>
            <li>
                <img src="./imgs/003.jpg" alt="">
                <em></em>
                <p class="p1">白夜行&emsp;东野上吾</p>
                <span>推荐:💛🧡🧡💘💗💖</span>
                <br>
                <span>￥:38 <i>￥:58</i></span>
            </li>
            <li>
                <img src="./imgs/003.jpg" alt="">
                <em></em>
                <p class="p1">白夜行&emsp;东野上吾</p>
                <span>推荐:💛🧡🧡💘💗💖</span>
                <br>
                <span>￥:38 <i>￥:58</i></span>
            </li>
            <li>
                <img src="./imgs/003.jpg" alt="">
                <em></em>
                <p class="p1">白夜行&emsp;东野上吾</p>
                <span>推荐:💛🧡🧡💘💗💖</span>
                <br>
                <span>￥:38 <i>￥:58</i></span>
            </li>
            <li>
                <img src="./imgs/003.jpg" alt="">
                <em></em>
                <p class="p1">白夜行&emsp;东野上吾</p>
                <span>推荐:💛🧡🧡💘💗💖</span>
                <br>
                <span>￥:38 <i>￥:58</i></span>
            </li>
            <li>
                <img src="./imgs/003.jpg" alt="">
                <em></em>
                <p class="p1">白夜行&emsp;东野上吾</p>
                <span>推荐:💛🧡🧡💘💗💖</span>
                <br>
                <span>￥:38 <i>￥:58</i></span>
            </li>
        </ul>
    </div>
    <div class="content4 wrapper">
        <!-- 魔兽广告 -->
        <div class="ms_advertising"></div>
    </div>




    <!-- 页脚区域 -->
    <div class="footer">
        <div class="top">
            <div class="wrapper">
                <ul>
                    <li><img src="./imgs/222_11.png" alt=""></li>
                    <li><img src="./imgs/222_13(1).png" alt=""></li>
                    <li><img src="./imgs/222_15.png" alt=""></li>
                    <li><img src="./imgs/222_17.png" alt=""></li>
                </ul>
            </div>
        </div>
        <div class="wrapper box1">
            <div class="buttom">
                <ul>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">账户管理</a></li>
                    <li><a href="#">会员优惠</a></li>
                </ul>
                <ul>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">网上支付</a></li>
                    <li><a href="#">礼品卡支付</a></li>
                    <li><a href="#">银行转帐</a></li>
                </ul>
                <ul>
                    <li><a href="#">订单服务</a></li>
                    <li><a href="#">订单配送查询</a></li>
                    <li><a href="#">订单状态说明</a></li>
                    <li><a href="#">自助取消订单</a></li>
                    <li><a href="#">自助修改订单</a></li>
                </ul>
                <ul>
                    <li><a href="#">退换货</a></li>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">自助申请退换货</a></li>
                    <li><a href="#">退换货进度查询</a></li>
                    <li><a href="#">退款方式和时间</a></li>
                </ul>
                <ul>
                    <li><a href="#">商家服务</a></li>
                    <li><a href="#">商家中心</a></li>
                    <li><a href="#">运营服务</a></li>
                    <li><a href="#">加入尾品汇</a></li>
                </ul>
                <img src="./imgs/logo_00.png" alt="" class="fl">
            </div>
            <p>
                公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索
            </p>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
        <!-- 返回顶部 -->
        <div class="getback"></div>
    </div>